.comp-container {
  padding: 20px 26px 0 24px;
  // max-height: 600px;
  // overflow-y: auto;
  // min-height: 240px;
}

.chiose-type {
  // display: flex;
  // align-items: center;
  // justify-content: flex-start;
  margin-bottom: 24px;
  :deep(.arco-form-item-label-col) {
    margin-bottom: 16px;
  }
}

.chiose-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  // margin-top: -2px;
  margin-bottom: 16px;
  white-space: nowrap;
  .require-icon {
    color: #E25656;
    line-height: 22px;
    display: inline-block;
  }
}

.chiose-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  :deep(.arco-radio) {
    padding-left: 0;
  }
}

.content-item {
  width: 174px;
  height: 64px;
  // line-height: 64px;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 20px;
  position: relative;
  .iconfont {
    font-size: 18px;
  }
  .icon-box {
    width: 32px;
    height: 32px;
    margin-right: 12px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .text-box {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    color: #333;
  }
}

.content-item:not(:nth-last-of-type(1)) {
  margin-right: 20px;
}

.content-item:hover {
  cursor: pointer;
}

.content-item.active {
  border: 2px solid #448E97;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.06);
}

.content-item.active::after{
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("@/assets/images/Group957@2x.png") no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  right: 4px;
  bottom: 4px;
}

.text {
  .icon-box {
    background-color: #FFF5EA;
    color: #E47E11;
  }
}

.select {
  .icon-box {
    background-color: #F4F9FF;
    color: #3080E9;
  }
}

.radio {
  .icon-box {
    background-color: #ECF6EE;
    color: #448E97;
  }
}

.checkbox {
  .icon-box {
    background-color: #F7F0FF;
    color: #835BB6;
  }
}

.child-select {
  .icon-box {
    background-color: #FFF1E9;
    color: #FF9153;
  }
}

.comp-item-container {
  .chiose-label {
    margin-bottom: 16px;
  }
  .comp-item-content {
    width: 100%;
    // padding-bottom: 24px;
    margin-bottom: 0;
    :deep(.arco-form-item-wrapper-col) {
      margin-top: 16px;
      height: 52px;
      min-height: 52px;
    }
    :deep(.arco-input-wrapper) {
      height: 32px;
    }
  }
  :deep(.arco-form-item-label-col) {
    margin-bottom: 0;
  }
}

.select-item {
  margin-bottom: 24px;
}

.select-option-item {
  width: 100%;
  // height: 52px;
  background-color: #fafafa;
  // padding: 12px 24px;
  padding: 20px 24px;
}

.select-option-item:not(:nth-last-of-type(1)) {
  margin-bottom: 6px;
}

.option-item:not(:nth-last-of-type(1)) {
  margin-right: 32px;
}

.option-item:nth-last-of-type(1) {
  .label-item {
    margin-left: 4px;
  }
}

.child-box{
  > :deep(.arco-form-item-wrapper-col) {
    max-height: 224px;
    min-height: 180px;
    overflow-y: auto;
  }
}

// .select-option-item {
//   padding: 0;
//   :deep(.select-option) {
//     padding: 12px 24px;
//     background-color: #fafafa;
//     min-height: auto;
//     justify-content: space-between;
//     user-select: none;
//   }
//   :deep(.second-select) {
//     padding: 0;
//   }
// }

// .option-item-form {
//   display: flex;
//   align-items: center;
//   justify-content: flex-start;
//   width: 100%;
//   .option-item {
//     display: flex;
//     align-items: center;
//     justify-content: flex-start;
//     flex-direction: row;
//     margin-bottom: 0;
//     :deep(.arco-form-item-label-col) {
//       margin-bottom: 0;
//       margin-right: 12px;
//       // margin-left: 32px;
//     }
//     :deep(.multiple-item-form) {
//       margin-right: 32px;
//       padding: 0;
//       .arco-input-wrapper {
//         width: 272px;
//         height: 32px;
//       }
//     }
//   }
// }

// .option-item:nth-of-type(2) {
//   :deep(.arco-form-item-label-col) {
//     margin-left: 32px;
//   }
// }
// .option-item:nth-of-type(3) {
//   :deep(.arco-form-item-content-wrapper) {
//     width: auto;
//   }
//   :deep(.multiple-item-form){
//     margin-right: 0;
//     flex: none;
//   }
// }

:deep(.arco-collapse-item-header-title) {
  width: 100%;
}

:deep(.arco-collapse-item-header-left) {
  padding-right: 0;
}

:deep(.arco-collapse-item-header) {
  // padding: 0;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
  line-height: normal;
}

.child-select-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  .option-item-form {
    margin-right: 20px;
    margin-left: 12px;
  }
}